const directiveObj = {
  install (Vue) {
    Vue.directive('fofo', {
    // 指令所在标签，插入到真实DOM时，才触发
    // van-search组件封装一套div里包含input// el是原生的div标签
    // 往里获取到input
    // JS触发标签事件，直接.事件名()
      inserted (el) {
        // console.log(el)
        // el.querySelector('input').focus()
        if (el.nodeName === 'TEXTAREA' || el.nodeName === 'INPUT') {
          el.focus()
        } else {
          // el不为输入框时,尝试寻找
          const inp = el.querySelector('input')
          const textA = el.querySelector('textarea')
          if (inp) {
            inp.focus()
          }
          if (textA) {
            textA.focus()
          }
        }
      },
      // 指令所在标签,发生更新时触发
      update (el) {
        if (el.nodeName === 'TEXTAREA' || el.nodeName === 'INPUT') {
          el.focus()
        } else {
          // el不为输入框时,尝试寻找
          const inp = el.querySelector('input')
          const textA = el.querySelector('textarea')
          if (inp) {
            inp.focus()
          }
          if (textA) {
            textA.focus()
          }
        }
      }
    })
  }
}

export default directiveObj
